<script lang="ts" setup>
import home from '@/components/home.vue'
import headres from '@/components/pages/headers.vue'
import { NSplit } from 'naive-ui'
</script>

<template>
  <n-split :disabled="true" direction="vertical" style="height: 70px">
    <template #1>
      <div class="headres">
        <headres />
      </div>
    </template>
    <template #2>
      <n-split direction="horizontal">
        <template #1>
          page 2
        </template>
        <template #2>
          <home />
        </template>
      </n-split>
    </template>
  </n-split>
</template>


<style>
.headres {
  --wails-draggable: drag;
  height: 100%;
  width: 100%;
  background-color: rgb(234, 234, 226);
}
</style>
